<template>
  <div>
    <CcC>
      <template #main>
        <OneS></OneS>
      </template>
    </CcC>
    <CcC>
      <template #main>
        <TwoS></TwoS>
      </template>
    </CcC>
  </div>
  <div>
    <CcC>
      <template #main>
        <ThreeS> </ThreeS>
      </template>
    </CcC>
    <CcC>
      <template #main>
        <FourS></FourS>
      </template>
    </CcC>
  </div>
</template>

<script setup lang="ts">
import CcC from "../components/CcC.vue";
import OneS from "../components/chart/OneS.vue";
import TwoS from "../components/chart/TwoS.vue";
import ThreeS from "../components/chart/ThreeS.vue";
import FourS from "../components/chart/FourS.vue";
</script>
<style scoped lang="scss">
div {
  flex: 1;
  display: flex;
  flex-direction: column;
}
</style>
